<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
    <meta name="author" content="姚德秋">
    <title>小米商城</title>
    <link rel="stylesheet" href="xiaomi.css">
    <!-- <link rel="stylesheet" href="xiaomi.js">  -->
</head>

<body>
    <!-- 头部nav -->
    <nav class="top">
        <div class="nav-list">
            <ul class="nav-left-list">
                <li id="left-list-frist">小米商城</li>
                <li>MUI</li>
                <li>米聊</li>
                <li>游戏</li>
                <li>多看阅读</li>
                <li>云服务</li>
                <li>金融</li>
                <li>小米商城手机版</li>
                <li>问题反馈</li>
                <li>Select Region</li>
            </ul>
            <ul class="nav-right-list">
                <li>登录</li>
                <li>注册</li>
                <li>消息通知</li>
                <span class="nav-right-end">
                        <span class="right-end-img">
                        </span>
                <p>购物车(0)</p>
                <section class="nav-sec">
                    购物车中还没有商品，赶紧选购吧！
                </section>
                </span>
            </ul>
        </div>
    </nav>
    <!-- main main-top main-top-header main-top-center main-top-footer-->
    <div class="main-top-header container">
        <div class="top-header-left">
            <img src="./img/top.png" alt="">
        </div>
        <div class="top-header-center">
            <ul class="cenlis">
                <li>小米手机</li>
                <li>红米</li>
                <li>平板.笔记本</li>
                <li>电视</li>
                <li>盒子.影音</li>
                <li>路由器</li>
                <li>智能硬件</li>
                <div class="spans">
                    <span>服务</span><span>社区</span></div>
            </ul>

        </div>
        <div class="top-header-end">
            <form class="search-form">
                <input class="form-input" type="text">
                <div class="search-hot-words">
                    <div>电视4A 55°</div>
                    <div>小米Note2 特惠</div>
                </div>
            </form>
            <section class="form-sec">
                <p><a class="a1" href="#">小米6</a><a class="a2" href="">约有7件</a></p>
                <p><a class="a1" href="#">红米note4s</a><a class="a2" href="">约有6件</a></p>
                <p><a class="a1" href="#">小米盒子</a><a class="a2" href="">约有5件</a></p>
                <p><a class="a1" href="#">小米移动电源</a><a class="a2" href="">约有8件</a></p>
                <p><a class="a1" href="#">小米mix</a><a class="a2" href="">约有17件</a></p>
                <p><a class="a1" href="#">小米7</a><a class="a2" href="">约有7件</a></p>
                <p><a class="a1" href="#">小米手机5c</a><a class="a2" href="">约有2件</a></p>
                <p><a class="a1" href="#">耳机</a><a class="a2" href="">约有9件</a></p>
                <p><a class="a1" href="#">手环</a><a class="a2" href="">约有12件</a></p>
                <p><a class="a1" href="#">手链</a><a class="a2" href="">约有11件</a></p>
                <p><a class="a1" href="#">运动鞋</a><a class="a2" href="">约有6件</a></p>
                <p><a class="a1" href="#">小米100</a><a class="a2" href="">约有7件</a></p>
            </section>
            <div class="finds"></div>
        </div>
    </div>
    <div class="center-info">
        <section class="list-sex">
            <section class="sj-img container">
                <div class="box">
                    <div style="height:20px;"></div>
                    <div class="img">
                        <img src="./img/se11.png" alt="">
                    </div>
                    <p>小米6</p>
                    <p class="color-o">2466元起</p>
                </div>
                <div class="box">
                    <div class="box-top">现货</div>
                    <div class="img">
                        <img src="./img/se11.png" alt="">
                    </div>
                    <p>小米6</p>
                    <p class="color-o">2466元起</p>
                </div>
                <div class="box">
                    <div class="box-top">现货</div>
                    <div class="img">
                        <img src="./img/se11.png" alt="">
                    </div>
                    <p>小米6</p>
                    <p class="color-o">2466元起</p>
                </div>
                <div class="box">
                    <div class="box-top">新品</div>
                    <div class="img">
                        <img src="./img/se11.png" alt="">
                    </div>
                    <p>小米6</p>
                    <p class="color-o">2466元起</p>
                </div>
                <div class="box">
                    <div class="box-top">新品</div>
                    <div class="img">
                        <img src="./img/se11.png" alt="">
                    </div>
                    <p>小米6</p>
                    <p class="color-o">2466元起</p>
                </div>
                <div class="box">
                    <div class="box-top">新品</div>
                    <div class="img" id="img-info1">
                        <img src="./img/se11.png" alt="">
                    </div>
                    <p>小米6</p>
                    <p class="color-o">2466元起</p>
                </div>

            </section>
        </section>
        <section class="list-sex">
            <section class="red-phone container">
                <div class="box">
                    <div class="box-top">新品</div>
                    <div class="img">
                        <img src="./img/se22.jpg" alt="">
                    </div>
                    <p>小米MINI高配版</p>
                    <p class="color-o">2466元起</p>
                </div>
                <div class="box">
                    <div class="box-top">新品</div>
                    <div class="img">
                        <img src="./img/se22.jpg" alt="">
                    </div>
                    <p>小米MINI高配版</p>
                    <p class="color-o">2466元起</p>
                </div>
                <div class="box">
                    <div style="height:20px;"></div>
                    <div class="img">
                        <img src="./img/se22.jpg" alt="">
                    </div>
                    <p>小米MINI高配版</p>
                    <p class="color-o">2466元起</p>
                </div>
                <div class="box">
                    <div style="height:20px;"></div>
                    <div class="img">
                        <img src="./img/se22.jpg" alt="">
                    </div>
                    <p>小米MINI高配版</p>
                    <p class="color-o">2466元起</p>
                </div>
                <div class="box">
                    <div class="box-top">新品</div>
                    <div class="img" id="img-info1">
                        <img src="./img/se11.png" alt="">
                    </div>
                    <p>小米MINI高配版</p>
                    <p class="color-o">2466元起</p>
                </div>
            </section>
        </section>
        <section class="list-sex">
            <section class="ios-phone container">
                <div class="box">
                    <div style="height:20px;"></div>
                    <div class="img">
                        <img style="height:112px;width:145px" src="./img/se41.png" alt="">
                    </div>
                    <p>小米6</p>
                    <p class="color-o">2466元起</p>
                </div>
                <div class="box">
                    <div style="height:20px;"></div>
                    <div class="img">
                        <img src="./img/se11.png" alt="">
                    </div>
                    <p>小米6</p>
                    <p class="color-o">2466元起</p>
                </div>
                <div class="box">
                    <div class="box-top">新品</div>
                    <div class="img" id="img-info1">
                        <img src="./img/se32.jpg" alt="">
                    </div>
                    <p>小米6</p>
                    <p class="color-o">2466元起</p>
                </div>
            </section>
        </section>
        <section class="list-sex">
            <section class="tv-mi container">
                <div class="box">
                    <div class="box-top">新品</div>
                    <div class="img">
                        <img style="height:112px;width:145px" src="./img/se41.png" alt="">
                    </div>
                    <p>小米TV</p>
                    <p class="color-o">2466元起</p>
                </div>
                <div class="box">
                    <div class="box-top">新品</div>
                    <div class="img">
                        <img style="height:112px;width:145px" src="./img/se41.png" alt="">
                    </div>
                    <p>小米TV</p>
                    <p class="color-o">2466元起</p>
                </div>
                <div class="box">
                    <div class="box-top">新品</div>
                    <div class="img">
                        <img style="height:112px;width:145px" src="./img/se41.png" alt="">
                    </div>
                    <p>小米TV</p>
                    <p class="color-o">2466元起</p>
                </div>
                <div class="box">
                    <div class="box-top">新品</div>
                    <div class="img">
                        <img style="height:112px;width:145px" src="./img/se41.png" alt="">
                    </div>
                    <p>小米TV</p>
                    <p class="color-o">2466元起</p>
                </div>
                <div class="box">
                    <div class="box-top">新品</div>
                    <div class="img" id="img-info1">
                        <img style="height:112px;width:145px" src="./img/se41.png" alt="">
                    </div>
                    <p>小米TV</p>
                    <p class="color-o">2466元起</p>
                </div>
            </section>
        </section>
        <section class="list-sex">
            <section class="box-mi container">
                <div class="box">
                    <div style="height:20px;"></div>
                    <div class="img">
                        <img src="./img/se51.jpg" alt="">
                    </div>
                    <p>小米盒子3c</p>
                    <p class="color-o">2466元起</p>
                </div>
                <div class="box">
                    <div class="box-top">新品</div>
                    <div class="img">
                        <img style="height:112px;width:145px" src="./img/se51.jpg" alt="">
                    </div>
                    <p>小米盒子3c</p>
                    <p class="color-o">2466元起</p>
                </div>
                <div class="box">
                    <div class="box-top">新品</div>
                    <div class="img">
                        <img style="height:112px;width:145px" src="./img/se51.jpg" alt="">
                    </div>
                    <p>小米盒子3c增强版</p>
                    <p class="color-o">2466元起</p>
                </div>
                <div class="box">
                    <div class="box-top">新品</div>
                    <div class="img">
                        <img style="height:112px;width:145px" src="./img/se52.png" alt="">
                    </div>
                    <p>小米盒子3c增强版</p>
                    <p class="color-o">2466元起</p>
                </div>
                <div class="box">
                    <div class="box-top">新品</div>
                    <div class="img" id="img-info1">
                        <img style="height:112px;width:145px" src="./img/se52.png" alt="">
                    </div>
                    <p>小米盒子3c增强版</p>
                    <p class="color-o">2466元起</p>
                </div>
            </section>
        </section>
        <section class="list-sex">
            <section class="luyou-mi container">
                <div class="box">
                    <div style="height:20px;"></div>
                    <div class="img">
                        <img style="height:112px;width:145px" src="./img/se61.png" alt="">
                    </div>
                    <p>小米路由器</p>
                    <p class="color-o">2466元起</p>
                </div>
                <div class="box">
                    <div class="box-top">新品</div>
                    <div class="img">
                        <img style="height:112px;width:145px" src="./img/se61.png" alt="">
                    </div>
                    <p>小米路由器</p>
                    <p class="color-o">2466元起</p>
                </div>
                <div class="box">
                    <div class="box-top">新品</div>
                    <div class="img">
                        <img style="height:112px;width:145px" src="./img/se61.png" alt="">
                    </div>
                    <p>小米路由器</p>
                    <p class="color-o">2466元起</p>
                </div>
                <div class="box">
                    <div class="box-top">新品</div>
                    <div class="img">
                        <img style="height:112px;width:145px" src="./img/se62.png" alt="">
                    </div>
                    <p>小米路由器</p>
                    <p class="color-o">2466元起</p>
                </div>
                <div class="box">
                    <div class="box-top">新品</div>
                    <div class="img" id="img-info1">
                        <img style="height:112px;width:145px" src="./img/se62.png" alt="">
                    </div>
                    <p>小米路由器</p>
                    <p class="color-o">2466元起</p>
                </div>
            </section>
        </section>
        <section class="list-sex">
            <section class="znyj-mi container">
                <div class="box">
                    <div style="height:20px;"></div>
                    <div class="img">
                        <img style="height:112px;width:145px" src="./img/se71.jpg" alt="">
                    </div>
                    <p>小米无人机</p>
                    <p class="color-o">2466元起</p>
                </div>
                <div class="box">
                    <div class="box-top">新品</div>
                    <div class="img">
                        <img style="height:112px;width:145px" src="./img/se71.jpg" alt="">
                    </div>
                    <p>小米无人机</p>
                    <p class="color-o">2466元起</p>
                </div>
                <div class="box">
                    <div class="box-top">新品</div>
                    <div class="img">
                        <img style="height:112px;width:145px" src="./img/se71.jpg" alt="">
                    </div>
                    <p>小米无人机</p>
                    <p class="color-o">2466元起</p>
                </div>
                <div class="box">
                    <div class="box-top">新品</div>
                    <div class="img">
                        <img style="height:112px;width:145px" src="./img/se72.png" alt="">
                    </div>
                    <p>小米手环</p>
                    <p class="color-o">2466元起</p>
                </div>
                <div class="box">
                    <div class="box-top">新品</div>
                    <div class="img" id="img-info1">
                        <img style="height:112px;width:145px" src="./img/se72.png" alt="">
                    </div>
                    <p>小米手环</p>
                    <p class="color-o">2466元起</p>
                </div>
            </section>
        </section>
    </div>
    <!-- main-top-center -------------------------------------------- -->
    <div class="main-top-center container">
        <div class="center-left">
            <ul class="center-left-list">
                <li>
                    <p>手机 电话卡</p>
                    <p class="p-img">》</p>
                </li>
                <li>
                    <p>笔记本 平板</p>
                    <p class="p-img">》</p>
                </li>
                <li>
                    <p>电视 盒子</p>
                    <p class="p-img">》</p>
                </li>
                <li>
                    <p>路由器 智能硬件</p>
                    <p class="p-img">》</p>
                </li>
                <li>
                    <p>移动电源 电池 插线板</p>
                    <p class="p-img">》</p>
                </li>
                <li>
                    <p>耳机 音响</p>
                    <p class="p-img">》</p>
                </li>
                <li>
                    <p>保护套 贴膜</p>
                    <p class="p-img">》</p>
                </li>
                <li>
                    <p>线材 支架 储存卡</p>
                    <p class="p-img">》</p>
                </li>
                <li>
                    <p>箱包 服饰 鞋 眼睛</p>
                    <p class="p-img">》</p>
                </li>
                <li>
                    <p>米兔 生活周边</p>
                    <p class="p-img">》</p>
                </li>
            </ul>

            <section class="center-left-info">
                <div class="listse">
                    <section class="se1">
                        <ul class="phone-cd">
                            <li><img src="img/xm6.png" alt=""></li><span class="xiaomi">小米6</span>
                            <div class="cho-shop">选购</div>
                        </ul>
                        <ul class="phone-cd">
                            <li><img src="img/xm6.png" alt=""></li><span class="xiaomi">小米6</span>
                            <div class="cho-shop">选购</div>
                        </ul>
                        <ul class="phone-cd">
                            <li><img src="img/xm6.png" alt=""></li><span class="xiaomi">小米6</span>
                            <div class="cho-shop">选购</div>
                        </ul>
                        <ul class="phone-cd">
                            <li><img src="img/xm6.png" alt=""></li><span class="xiaomi">小米6</span>
                            <div class="cho-shop">选购</div>
                        </ul>
                        <ul class="phone-cd">
                            <li><img src="img/xm6.png" alt=""></li><span class="xiaomi">小米6</span>
                            <div class="cho-shop">选购</div>
                        </ul>
                        <ul class="phone-cd">
                            <li><img src="img/xm6.png" alt=""></li><span class="xiaomi">小米6</span>
                            <div class="cho-shop">选购</div>
                        </ul>
                        <ul class="phone-cd">
                            <li><img src="img/xm6.png" alt=""></li><span class="xiaomi">小米6</span>
                            <div class="cho-shop">选购</div>
                        </ul>
                        <ul class="phone-cd">
                            <li><img src="img/xm6.png" alt=""></li><span class="xiaomi">小米6</span>
                            <div class="cho-shop">选购</div>
                        </ul>
                        <ul class="phone-cd">
                            <li><img src="img/xm6.png" alt=""></li><span class="xiaomi">小米6</span>
                            <div class="cho-shop">选购</div>
                        </ul>
                        <ul class="phone-cd">
                            <li><img src="img/xm6.png" alt=""></li><span class="xiaomi">小米6</span>
                            <div class="cho-shop">选购</div>
                        </ul>
                        <ul class="phone-cd">
                            <li><img src="img/xm6.png" alt=""></li><span class="xiaomi">小米6</span>
                            <div class="cho-shop">选购</div>
                        </ul>
                        <ul class="phone-cd">
                            <li><img src="img/xm6.png" alt=""></li><span class="xiaomi">小米6</span>
                            <div class="cho-shop">选购</div>
                        </ul>
                        <ul class="phone-cd">
                            <li><img src="img/xm6.png" alt=""></li><span class="xiaomi">小米6</span>
                            <div class="cho-shop">选购</div>
                        </ul>
                        <ul class="phone-cd">
                            <li><img src="img/xm6.png" alt=""></li><span class="xiaomi">小米6</span>
                            <div class="cho-shop">选购</div>
                        </ul>
                        <ul class="phone-cd">
                            <li><img src="img/xm6.png" alt=""></li><span class="xiaomi">小米6</span>
                            <div class="cho-shop">选购</div>
                        </ul>
                        <ul class="phone-cd">
                            <li><img src="img/xm6.png" alt=""></li><span class="xiaomi">小米6</span>
                            <div class="cho-shop">选购</div>
                        </ul>
                        <ul class="phone-cd">
                            <li><img src="img/xm6.png" alt=""></li><span class="xiaomi">小米6</span>
                            <div class="cho-shop">选购</div>
                        </ul>
                        <ul class="phone-cd">
                            <li><img src="img/xm6.png" alt=""></li><span class="xiaomi">小米6</span>
                            <div class="cho-shop">选购</div>
                        </ul>
                        <ul class="phone-cd">
                            <li><img src="img/xm6.png" alt=""></li><span class="xiaomi">小米6</span>
                            <div class="cho-shop">选购</div>
                        </ul>
                        <ul class="phone-cd">
                            <li><img src="img/xm6.png" alt=""></li><span class="xiaomi">小米6</span>
                            <div class="cho-shop">选购</div>
                        </ul>
                    </section>
                </div>
                <div class="listse">
                    <section class="se2">
                        <ul class="phone-cd">
                            <li><img src="img/bijiben.jpg" alt=""></li><span class="xiaomi">小米笔记本</span>
                            <div class="cho-shop">选购</div>
                        </ul>
                        <ul class="phone-cd">
                            <li><img src="img/bijiben.jpg" alt=""></li><span class="xiaomi">小米笔记本</span>
                            <div class="cho-shop">选购</div>
                        </ul>
                        <ul class="phone-cd">
                            <li><img src="img/bijiben.jpg" alt=""></li><span class="xiaomi">小米笔记本</span>
                            <div class="cho-shop">选购</div>
                        </ul>
                        <ul class="phone-cd">
                            <li><img src="img/bijiben.jpg" alt=""></li><span class="xiaomi">小米笔记本</span>
                            <div class="cho-shop">选购</div>
                        </ul>
                        <ul class="phone-cd">
                            <li><img src="img/bijiben.jpg" alt=""></li><span class="xiaomi">小米笔记本</span>
                            <div class="cho-shop">选购</div>
                        </ul>
                        <ul class="phone-cd">
                            <li><img src="img/bijiben.jpg" alt=""></li><span class="xiaomi">小米笔记本</span>
                            <div class="cho-shop">选购</div>
                        </ul>
                        <ul class="phone-cd">
                            <li><img src="img/bijiben.jpg" alt=""></li><span class="xiaomi">小米笔记本</span>
                            <div class="cho-shop">选购</div>
                        </ul>
                        <ul class="phone-cd">
                            <li><img src="img/bijiben.jpg" alt=""></li><span class="xiaomi">小米笔记本</span>
                            <div class="cho-shop">选购</div>
                        </ul>
                        <ul class="phone-cd">
                            <li><img src="img/bijiben.jpg" alt=""></li><span class="xiaomi">小米笔记本</span>
                            <div class="cho-shop">选购</div>
                        </ul>
                    </section>
                </div>
                <div class="listse">
                    <section class="se3">
                        <ul class="phone-cd">
                            <li><img src="img/xm6.png" alt=""></li><span class="xiaomi">小米电视</span>
                            <div class="cho-shop">选购</div>
                        </ul>
                        <ul class="phone-cd">
                            <li><img src="img/xm6.png" alt=""></li><span class="xiaomi">小米电视</span>
                            <div class="cho-shop">选购</div>
                        </ul>
                        <ul class="phone-cd">
                            <li><img src="img/xm6.png" alt=""></li><span class="xiaomi">小米电视</span>
                            <div class="cho-shop">选购</div>
                        </ul>
                        <ul class="phone-cd">
                            <li><img src="img/xm6.png" alt=""></li><span class="xiaomi">小米电视</span>
                            <div class="cho-shop">选购</div>
                        </ul>
                        <ul class="phone-cd">
                            <li><img src="img/xm6.png" alt=""></li><span class="xiaomi">小米电视</span>
                            <div class="cho-shop">选购</div>
                        </ul>
                        <ul class="phone-cd">
                            <li><img src="img/xm6.png" alt=""></li><span class="xiaomi">小米电视</span>
                            <div class="cho-shop">选购</div>
                        </ul>
                        <ul class="phone-cd">
                            <li><img src="img/xm6.png" alt=""></li><span class="xiaomi">小米电视</span>
                            <div class="cho-shop">选购</div>
                        </ul>
                        <ul class="phone-cd">
                            <li><img src="img/xm6.png" alt=""></li><span class="xiaomi">小米电视</span>
                            <div class="cho-shop">选购</div>
                        </ul>
                        <ul class="phone-cd">
                            <li><img src="img/xm6.png" alt=""></li><span class="xiaomi">小米电视</span>
                            <div class="cho-shop">选购</div>
                        </ul>
                        <ul class="phone-cd">
                            <li><img src="img/xm6.png" alt=""></li><span class="xiaomi">小米电视</span>
                            <div class="cho-shop">选购</div>
                        </ul>
                        <ul class="phone-cd">
                            <li><img src="img/xm6.png" alt=""></li><span class="xiaomi">小米电视</span>
                            <div class="cho-shop">选购</div>
                        </ul>
                        <ul class="phone-cd">
                            <li><img src="img/xm6.png" alt=""></li><span class="xiaomi">小米电视</span>
                            <div class="cho-shop">选购</div>
                        </ul>
                        <ul class="phone-cd">
                            <li><img src="img/xm6.png" alt=""></li><span class="xiaomi">小米电视</span>
                            <div class="cho-shop">选购</div>
                        </ul>
                        <ul class="phone-cd">
                            <li><img src="img/xm6.png" alt=""></li><span class="xiaomi">小米电视</span>
                            <div class="cho-shop">选购</div>
                        </ul>
                        <ul class="phone-cd">
                            <li><img src="img/xm6.png" alt=""></li><span class="xiaomi">小米电视</span>
                            <div class="cho-shop">选购</div>
                        </ul>
                        <ul class="phone-cd">
                            <li><img src="img/xm6.png" alt=""></li><span class="xiaomi">小米盒子</span>
                            <div class="cho-shop">选购</div>
                        </ul>
                        <ul class="phone-cd">
                            <li><img src="img/xm6.png" alt=""></li><span class="xiaomi">小米盒子</span>
                            <div class="cho-shop">选购</div>
                        </ul>
                        <ul class="phone-cd">
                            <li><img src="img/xm6.png" alt=""></li><span class="xiaomi">小米盒子</span>
                            <div class="cho-shop">选购</div>
                        </ul>
                        <ul class="phone-cd">
                            <li><img src="img/xm6.png" alt=""></li><span class="xiaomi">小米盒子</span>
                            <div class="cho-shop">选购</div>
                        </ul>
                        <ul class="phone-cd">
                            <li><img src="img/xm6.png" alt=""></li><span class="xiaomi">小米盒子</span>
                            <div class="cho-shop">选购</div>
                        </ul>
                    </section>
                </div>
                <div class="listse">
                    <section class="se4">
                        <ul class="phone-cd">
                            <li><img src="img/huabanche80.jpg" alt=""></li><span class="xiaomi">小米智能硬件</span>
                            <div class="cho-shop">选购</div>
                        </ul>
                        <ul class="phone-cd">
                            <li><img src="img/huabanche80.jpg" alt=""></li><span class="xiaomi">小米智能硬件</span>
                            <div class="cho-shop">选购</div>
                        </ul>
                        <ul class="phone-cd">
                            <li><img src="img/huabanche80.jpg" alt=""></li><span class="xiaomi">小米智能硬件</span>
                            <div class="cho-shop">选购</div>
                        </ul>
                        <ul class="phone-cd">
                            <li><img src="img/huabanche80.jpg" alt=""></li><span class="xiaomi">小米智能硬件</span>
                            <div class="cho-shop">选购</div>
                        </ul>
                        <ul class="phone-cd">
                            <li><img src="img/huabanche80.jpg" alt=""></li><span class="xiaomi">小米智能硬件</span>
                            <div class="cho-shop">选购</div>
                        </ul>
                        <ul class="phone-cd">
                            <li><img src="img/huabanche80.jpg" alt=""></li><span class="xiaomi">小米智能硬件</span>
                            <div class="cho-shop">选购</div>
                        </ul>
                        <ul class="phone-cd">
                            <li><img src="img/huabanche80.jpg" alt=""></li><span class="xiaomi">小米智能硬件</span>
                            <div class="cho-shop">选购</div>
                        </ul>
                        <ul class="phone-cd">
                            <li><img src="img/huabanche80.jpg" alt=""></li><span class="xiaomi">小米智能硬件</span>
                            <div class="cho-shop">选购</div>
                        </ul>
                        <ul class="phone-cd">
                            <li><img src="img/huabanche80.jpg" alt=""></li><span class="xiaomi">小米智能硬件</span>
                            <div class="cho-shop">选购</div>
                        </ul>
                        <ul class="phone-cd">
                            <li><img src="img/huabanche80.jpg" alt=""></li><span class="xiaomi">小米智能硬件</span>
                            <div class="cho-shop">选购</div>
                        </ul>
                        <ul class="phone-cd">
                            <li><img src="img/huabanche80.jpg" alt=""></li><span class="xiaomi">小米智能硬件</span>
                            <div class="cho-shop">选购</div>
                        </ul>
                        <ul class="phone-cd">
                            <li><img src="img/huabanche80.jpg" alt=""></li><span class="xiaomi">小米智能硬件</span>
                            <div class="cho-shop">选购</div>
                        </ul>
                        <ul class="phone-cd">
                            <li><img src="img/huabanche80.jpg" alt=""></li><span class="xiaomi">小米智能硬件</span>
                            <div class="cho-shop">选购</div>
                        </ul>
                        <ul class="phone-cd">
                            <li><img src="img/huabanche80.jpg" alt=""></li><span class="xiaomi">小米智能硬件</span>
                            <div class="cho-shop">选购</div>
                        </ul>
                        <ul class="phone-cd">
                            <li><img src="img/huabanche80.jpg" alt=""></li><span class="xiaomi">小米智能硬件</span>
                            <div class="cho-shop">选购</div>
                        </ul>
                        <ul class="phone-cd">
                            <li><img src="img/huabanche80.jpg" alt=""></li><span class="xiaomi">小米智能硬件</span>
                            <div class="cho-shop">选购</div>
                        </ul>
                        <ul class="phone-cd">
                            <li><img src="img/huabanche80.jpg" alt=""></li><span class="xiaomi">小米智能硬件</span>
                            <div class="cho-shop">选购</div>
                        </ul>
                        <ul class="phone-cd">
                            <li><img src="img/huabanche80.jpg" alt=""></li><span class="xiaomi">小米智能硬件</span>
                            <div class="cho-shop">选购</div>
                        </ul>
                        <ul class="phone-cd">
                            <li><img src="img/huabanche80.jpg" alt=""></li><span class="xiaomi">小米智能硬件</span>
                            <div class="cho-shop">选购</div>
                        </ul>
                        <ul class="phone-cd">
                            <li><img src="img/huabanche80.jpg" alt=""></li><span class="xiaomi">小米智能硬件</span>
                            <div class="cho-shop">选购</div>
                        </ul>
                    </section>
                </div>
                <div class="listse">
                    <section class="se5">
                        <ul class="phone-cd">
                            <li><img src="img/bijiben.jpg" alt=""></li><span class="xiaomi">小米笔记本</span>
                            <div class="cho-shop">选购</div>
                        </ul>
                        <ul class="phone-cd">
                            <li><img src="img/bijiben.jpg" alt=""></li><span class="xiaomi">小米笔记本</span>
                            <div class="cho-shop">选购</div>
                        </ul>
                        <ul class="phone-cd">
                            <li><img src="img/bijiben.jpg" alt=""></li><span class="xiaomi">小米笔记本</span>
                            <div class="cho-shop">选购</div>
                        </ul>
                        <ul class="phone-cd">
                            <li><img src="img/bijiben.jpg" alt=""></li><span class="xiaomi">小米笔记本</span>
                            <div class="cho-shop">选购</div>
                        </ul>
                        <ul class="phone-cd">
                            <li><img src="img/bijiben.jpg" alt=""></li><span class="xiaomi">小米笔记本</span>
                            <div class="cho-shop">选购</div>
                        </ul>
                        <ul class="phone-cd">
                            <li><img src="img/bijiben.jpg" alt=""></li><span class="xiaomi">小米笔记本</span>
                            <div class="cho-shop">选购</div>
                        </ul>
                        <ul class="phone-cd">
                            <li><img src="img/bijiben.jpg" alt=""></li><span class="xiaomi">小米笔记本</span>
                            <div class="cho-shop">选购</div>
                        </ul>
                        <ul class="phone-cd">
                            <li><img src="img/bijiben.jpg" alt=""></li><span class="xiaomi">小米笔记本</span>
                            <div class="cho-shop">选购</div>
                        </ul>
                        <ul class="phone-cd">
                            <li><img src="img/bijiben.jpg" alt=""></li><span class="xiaomi">小米笔记本</span>
                            <div class="cho-shop">选购</div>
                        </ul>
                    </section>
                </div>
                <div class="listse">
                    <section class="se6">
                        <ul class="phone-cd">
                            <li><img src="img/dianyuan280.jpg" alt=""></li><span class="xiaomi">小米移动电源</span>
                            <div class="cho-shop">选购</div>
                        </ul>
                        <ul class="phone-cd">
                            <li><img src="img/dianyuan280.jpg" alt=""></li><span class="xiaomi">小米移动电源</span>
                            <div class="cho-shop">选购</div>
                        </ul>
                        <ul class="phone-cd">
                            <li><img src="img/dianyuan280.jpg" alt=""></li><span class="xiaomi">小米移动电源</span>
                            <div class="cho-shop">选购</div>
                        </ul>
                        <ul class="phone-cd">
                            <li><img src="img/dianyuan280.jpg" alt=""></li><span class="xiaomi">小米移动电源</span>
                            <div class="cho-shop">选购</div>
                        </ul>
                        <ul class="phone-cd">
                            <li><img src="img/dianyuan280.jpg" alt=""></li><span class="xiaomi">小米移动电源</span>
                            <div class="cho-shop">选购</div>
                        </ul>
                        <ul class="phone-cd">
                            <li><img src="img/dianyuan280.jpg" alt=""></li><span class="xiaomi">小米移动电源</span>
                            <div class="cho-shop">选购</div>
                        </ul>
                        <ul class="phone-cd">
                            <li><img src="img/dianyuan280.jpg" alt=""></li><span class="xiaomi">小米移动电源</span>
                            <div class="cho-shop">选购</div>
                        </ul>
                        <ul class="phone-cd">
                            <li><img src="img/dianyuan280.jpg" alt=""></li><span class="xiaomi">小米移动电源</span>
                            <div class="cho-shop">选购</div>
                        </ul>
                        <ul class="phone-cd">
                            <li><img src="img/dianyuan280.jpg" alt=""></li><span class="xiaomi">小米移动电源</span>
                            <div class="cho-shop">选购</div>
                        </ul>
                    </section>
                </div>
                <div class="listse">
                    <section class="se7">
                        <ul class="phone-cd">
                            <li><img src="img/tiemo.jpg" alt=""></li><span class="xiaomi">小米贴膜</span></ul>
                        <ul class="phone-cd">
                            <li><img src="img/tiemo.jpg" alt=""></li><span class="xiaomi">小米贴膜</span>
                            <div class="cho-shop">选购</div>
                        </ul>
                        <ul class="phone-cd">
                            <li><img src="img/tiemo.jpg" alt=""></li><span class="xiaomi">小米贴膜</span></ul>
                        <ul class="phone-cd">
                            <li><img src="img/tiemo.jpg" alt=""></li><span class="xiaomi">小米贴膜</span>
                            <div class="cho-shop">选购</div>
                        </ul>
                        <ul class="phone-cd">
                            <li><img src="img/tiemo.jpg" alt=""></li><span class="xiaomi">小米贴膜</span></ul>
                        <ul class="phone-cd">
                            <li><img src="img/tiemo.jpg" alt=""></li><span class="xiaomi">小米贴膜</span>
                            <div class="cho-shop">选购</div>
                        </ul>
                        <ul class="phone-cd">
                            <li><img src="img/tiemo.jpg" alt=""></li><span class="xiaomi">小米贴膜</span></ul>
                        <ul class="phone-cd">
                            <li><img src="img/tiemo.jpg" alt=""></li><span class="xiaomi">小米贴膜</span>
                            <div class="cho-shop">选购</div>
                        </ul>
                        <ul class="phone-cd">
                            <li><img src="img/tiemo.jpg" alt=""></li><span class="xiaomi">小米贴膜</span></ul>
                    </section>
                </div>
                <div class="listse">
                    <section class="se8">
                        <ul class="phone-cd">
                            <li><img src="img/xiancai.jpg" alt=""></li><span class="xiaomi">小米笔记本</span></ul>
                        <ul class="phone-cd">
                            <li><img src="img/xiancai.jpg" alt=""></li><span class="xiaomi">小米笔记本</span></ul>
                    </section>
                </div>
                <div class="listse">
                    <section class="se9">
                        <ul class="phone-cd">
                            <li><img src="img/xiangbao-80.jpg" alt=""></li><span class="xiaomi">小米箱包</span></ul>
                        <ul class="phone-cd">
                            <li><img src="img/xiangbao-80.jpg" alt=""></li><span class="xiaomi">小米箱包</span></ul>
                    </section>
                </div>
                <div class="listse">
                    <section class="se10">
                        <ul class="phone-cd">
                            <li><img src="img/mitu-80.jpg" alt=""></li><span class="xiaomi">米兔</span>
                            <div class="cho-shop">选购</div>
                        </ul>
                        <ul class="phone-cd">
                            <li><img src="img/mitu-80.jpg" alt=""></li><span class="xiaomi">米兔</span>
                            <div class="cho-shop">选购</div>
                        </ul>
                        <ul class="phone-cd">
                            <li><img src="img/mitu-80.jpg" alt=""></li><span class="xiaomi">米兔</span>
                            <div class="cho-shop">选购</div>
                        </ul>
                        <ul class="phone-cd">
                            <li><img src="img/mitu-80.jpg" alt=""></li><span class="xiaomi">米兔</span>
                            <div class="cho-shop">选购</div>
                        </ul>
                    </section>
                </div>
            </section>
        </div>
        <div class="center-right-box">
            <div class="hovr">
                <div class="lunbo-img">
                    <ul>
                        <li style="display:block" class="current"><img src="./img/lunbo1.jpg" alt=""></li>
                        <li><img src="./img/lunbo2.jpg" alt=""></li>
                        <li><img src="./img/lunbo3.jpg" alt=""></li>
                        <li><img src="./img/lunbo4.jpg" alt=""></li>
                        <li><img src="./img/lunbo5.jpg" alt=""></li>
                        <li><img src="./img/lunbo6.jpg" alt=""></li>
                    </ul>
                </div>
                <div class="battee">
                    <ul>
                        <li style="background-color:white" class="active"></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                </div>
                <div class="button">
                    <ul>
                        <li class="last"></li>
                        <li class="next"></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <!-- main-top-bottom -------------------------------------------------------->
    <div class="main-top-bottom container">
        <div class="bu-left">
            <section>
                <span class="sp1"></span>
                <p>选购手机</p>
            </section>
            <section>
                <span class="sp2"></span>
                <p>企业团购</p>
            </section>
            <section>
                <span class="sp3"></span>
                <p>f码通道</p>
            </section>
            <section>
                <span class="sp4"></span>
                <p>米粉卡</p>
            </section>
            <section>
                <span class="sp5"></span>
                <p>以旧换新</p>
            </section>
            <section>
                <span class="sp6"></span>
                <p>话费充值</p>
            </section>
        </div>
        <div><img src="img/top-end1.jpg" alt=""></div>
        <div><img src="img/top-end2.jpg" alt=""></div>
        <div><img src="img/top-end3.jpg" alt=""></div>
    </div>
    <!-- main-top-end -->
    <div class="main-top-end container">
        <div class="top-end">
            <h2>小米明星单品</h2>
            <div><span class="divleft">
                <img src="img/011.png" alt=""></span><span class="divright"><img src="img/022.png" alt=""></span></div>
        </div>
        <div class="main-end">

            <div class="jihe">
                <section class="end-sec">
                    <img src="img/top-main-end.png" alt="">
                    <p>红米4x</p>
                    <a href="#">4100mah超长续航，8核处理器</a>
                    <a style="color:red;" href="#">1739.9元</a>
                </section>
                <section class="end-sec">
                    <img src="img/top-main-end2.png" alt="">
                    <p>红米4x</p>
                    <a href="#">4100mah超长续航，8核处理器</a>
                    <a style="color:red;" href="#">1739.9元</a>
                </section>
                <section class="end-sec">
                    <img src="img/top-main-end3.png" alt="">
                    <p>红米4x</p>
                    <a href="#">4100mah超长续航，8核处理器</a>
                    <a style="color:red;" href="#">1739.9元</a>
                </section>
                <section class="end-sec">
                    <img src="img/top-main-end4.png" alt="">
                    <p>红米4x</p>
                    <a href="#">4100mah超长续航，8核处理器</a>
                    <a style="color:red;" href="#">1739.9元</a>
                </section>
                <section class="end-sec">
                    <img src="img/top-main-end5.png" alt="">
                    <p>红米4x</p>
                    <a href="#">4100mah超长续航，8核处理器</a>
                    <a style="color:red;" href="#">1739.9元</a>
                </section>
                <section class="end-sec">
                    <img src="img/top-main-end6.png" alt="">
                    <p>红米4x</p>
                    <a href="#">4100mah超长续航，8核处理器</a>
                    <a style="color:red;" href="#">1739.9元</a>
                </section>
                <section class="end-sec">
                    <img src="img/top-main-end7.png" alt="">
                    <p>红米4x</p>
                    <a href="#">4100mah超长续航，8核处理器</a>
                    <a style="color:red;" href="#">1739.9元</a>
                </section>
                <section class="end-sec">
                    <img src="img/top-main-end8.png" alt="">
                    <p>红米4x</p>
                    <a href="#">4100mah超长续航，8核处理器</a>
                    <a style="color:red;" href="#">1739.9元</a>
                </section>
                <section class="end-sec">
                    <img src="img/top-main-end9.png" alt="">
                    <p>红米4x</p>
                    <a href="#">4100mah超长续航，8核处理器</a>
                    <a style="color:red;" href="#">1739.9元</a>
                </section>
                <section class="end-sec">
                    <img src="img/top-main-end2.png" alt="">
                    <p>红米4x</p>
                    <a href="#">4100mah超长续航，8核处理器</a>
                    <a style="color:red;" href="#">1739.9元</a>
                </section>
            </div>
        </div>
    </div>

    <!-- main-center-top -->
    <main>
        <div class="main-center-top container">
            <div class="fa-home">
                <h2>家电</h2>
                <ul class="f4">
                    <li>热门</li>
                    <li>电视影音</li>
                    <li>电脑</li>
                    <li>家居</li>
                </ul>
            </div>
            <div class="main-img">
                <div class="centermain-left">
                    <div class="left-box">
                        <img src="img/centerleft1.jpg" alt="">
                    </div>
                </div>
                <div class="centermain-right">
                    <div class="right-box">

                        <div class="sec">
                            <img src="img/centerright1.jpg" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright12.png" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright13.png" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright1.jpg" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright111.jpg" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright112.jpg" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright113.jpg" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec" id="end">
                            <div class="end-top">
                                <div class="img-left">
                                    <p style="font-size:15px;">盒子增强版</p>
                                    <p style="color:red;">199元</p>

                                </div>
                                <img src="img/main11.png" alt="">
                            </div>
                            <div class="end-but">
                                <div class="img-left">
                                    <p>浏览更多</p>
                                    <p style="font-size:13px;">电视影音</p>
                                </div>
                                <img src="img/jiantou.png" alt="">
                            </div>

                        </div>
                    </div>
                    <div class="right-box">

                        <div class="sec">
                            <img src="img/centerright11.jpg" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright12.png" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright11.jpg" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright12.png" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright13.png" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright11.jpg" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright12.png" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec" id="end">
                            <div class="end-top">
                                <div class="img-left">
                                    <p style="font-size:15px;">盒子增强版</p>
                                    <p style="color:red;">199元</p>

                                </div>
                                <img src="img/main11.png" alt="">
                            </div>
                            <div class="end-but">
                                <div class="img-left">
                                    <p>浏览更多</p>
                                    <p style="font-size:13px;">电视影音</p>
                                </div>
                                <img src="img/jiantou.png" alt="">
                            </div>

                        </div>
                    </div>
                    <div class="right-box">

                        <div class="sec">
                            <img src="img/centerright11.jpg" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright12.png" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright11.jpg" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright14.png" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright31.png" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright32.jpg" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright33.png" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec" id="end">
                            <div class="end-top">
                                <div class="img-left">
                                    <p style="font-size:15px;">盒子增强版</p>
                                    <p style="color:red;">199元</p>

                                </div>
                                <img src="img/main11.png" alt="">
                            </div>
                            <div class="end-but">
                                <div class="img-left">
                                    <p>浏览更多</p>
                                    <p style="font-size:13px;">电视影音</p>
                                </div>
                                <img src="img/jiantou.png" alt="">
                            </div>

                        </div>
                    </div>
                    <div class="right-box">

                        <div class="sec">
                            <img src="img/centerright1.jpg" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright2.jpg" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright3.jpg" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright4.jpg" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright4.jpg" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright3.jpg" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright2.jpg" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec" id="end">
                            <div class="end-top">
                                <div class="img-left">
                                    <p style="font-size:15px;">盒子增强版</p>
                                    <p style="color:red;">199元</p>

                                </div>
                                <img src="img/main11.png" alt="">
                            </div>
                            <div class="end-but">
                                <div class="img-left">
                                    <p>浏览更多</p>
                                    <p style="font-size:13px;">电视影音</p>
                                </div>
                                <img src="img/jiantou.png" alt="">
                            </div>

                        </div>
                    </div>

                </div>
            </div>
        </div>
        <div class="main-center-top container">
            <div class="fa-home">
                <h2>智能</h2>
                <ul class="f4">
                    <li>热门</li>
                    <li>出行</li>
                    <li>健康</li>
                    <li>酷玩</li>
                </ul>
            </div>
            <div class="main-img">
                <div class="centermain-left">
                    <div class="left-box">
                        <img class="im1" src="img/left1.jpg" alt=""><img class="im2" src="img/left2.jpg" alt="">
                    </div>
                </div>
                <div class="centermain-right">
                    <div class="right-box">
                        <div class="sec">
                            <img src="img/centerright1.jpg" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright12.png" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright13.png" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright1.jpg" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright111.jpg" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright112.jpg" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright113.jpg" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec" id="end">
                            <div class="end-top">
                                <div class="img-left">
                                    <p style="font-size:15px;">盒子增强版</p>
                                    <p style="color:red;">199元</p>

                                </div>
                                <img src="img/main11.png" alt="">
                            </div>
                            <div class="end-but">
                                <div class="img-left">
                                    <p>浏览更多</p>
                                    <p style="font-size:13px;">电视影音</p>
                                </div>
                                <img src="img/jiantou.png" alt="">
                            </div>

                        </div>
                    </div>
                    <div class="right-box">

                        <div class="sec">
                            <img src="img/centerright11.jpg" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright12.png" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright11.jpg" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright12.png" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright13.png" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright11.jpg" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright12.png" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec" id="end">
                            <div class="end-top">
                                <div class="img-left">
                                    <p style="font-size:15px;">盒子增强版</p>
                                    <p style="color:red;">199元</p>

                                </div>
                                <img src="img/main11.png" alt="">
                            </div>
                            <div class="end-but">
                                <div class="img-left">
                                    <p>浏览更多</p>
                                    <p style="font-size:13px;">电视影音</p>
                                </div>
                                <img src="img/jiantou.png" alt="">
                            </div>

                        </div>
                    </div>
                    <div class="right-box">

                        <div class="sec">
                            <img src="img/centerright11.jpg" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright12.png" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright11.jpg" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright14.png" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright31.png" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright32.jpg" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright33.png" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec" id="end">
                            <div class="end-top">
                                <div class="img-left">
                                    <p style="font-size:15px;">盒子增强版</p>
                                    <p style="color:red;">199元</p>

                                </div>
                                <img src="img/main11.png" alt="">
                            </div>
                            <div class="end-but">
                                <div class="img-left">
                                    <p>浏览更多</p>
                                    <p style="font-size:13px;">电视影音</p>
                                </div>
                                <img src="img/jiantou.png" alt="">
                            </div>

                        </div>
                    </div>
                    <div class="right-box">

                        <div class="sec">
                            <img src="img/centerright1.jpg" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright2.jpg" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright3.jpg" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright4.jpg" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright4.jpg" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright3.jpg" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright2.jpg" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec" id="end">
                            <div class="end-top">
                                <div class="img-left">
                                    <p style="font-size:15px;">盒子增强版</p>
                                    <p style="color:red;">199元</p>

                                </div>
                                <img src="img/main11.png" alt="">
                            </div>
                            <div class="end-but">
                                <div class="img-left">
                                    <p>浏览更多</p>
                                    <p style="font-size:13px;">电视影音</p>
                                </div>
                                <img src="img/jiantou.png" alt="">
                            </div>

                        </div>
                    </div>

                </div>
            </div>
        </div>
        <div class="main-center-top container">
            <div class="fa-home">
                <h2>搭配</h2>
                <ul class="f4">
                    <li>热门</li>
                    <li>耳机</li>
                    <li>音响</li>
                    <li>电源</li>
                </ul>
            </div>
            <div class="main-img">
                <div class="centermain-left">
                    <div class="left-box">
                        <img class="im1" src="img/left1.jpg" alt=""><img class="im2" src="img/left2.jpg" alt="">
                    </div>
                </div>
                <div class="centermain-right">
                    <div class="right-box">
                        <div class="sec">
                            <img src="img/centerright1.jpg" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright12.png" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright13.png" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright1.jpg" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright111.jpg" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright112.jpg" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright113.jpg" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec" id="end">
                            <div class="end-top">
                                <div class="img-left">
                                    <p style="font-size:15px;">盒子增强版</p>
                                    <p style="color:red;">199元</p>

                                </div>
                                <img src="img/main11.png" alt="">
                            </div>
                            <div class="end-but">
                                <div class="img-left">
                                    <p>浏览更多</p>
                                    <p style="font-size:13px;">电视影音</p>
                                </div>
                                <img src="img/jiantou.png" alt="">
                            </div>

                        </div>
                    </div>
                    <div class="right-box">

                        <div class="sec">
                            <img src="img/centerright11.jpg" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright12.png" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright11.jpg" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright12.png" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright13.png" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright11.jpg" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright12.png" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec" id="end">
                            <div class="end-top">
                                <div class="img-left">
                                    <p style="font-size:15px;">盒子增强版</p>
                                    <p style="color:red;">199元</p>

                                </div>
                                <img src="img/main11.png" alt="">
                            </div>
                            <div class="end-but">
                                <div class="img-left">
                                    <p>浏览更多</p>
                                    <p style="font-size:13px;">电视影音</p>
                                </div>
                                <img src="img/jiantou.png" alt="">
                            </div>

                        </div>
                    </div>
                    <div class="right-box">

                        <div class="sec">
                            <img src="img/centerright11.jpg" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright12.png" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright11.jpg" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright14.png" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright31.png" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright32.jpg" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright33.png" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec" id="end">
                            <div class="end-top">
                                <div class="img-left">
                                    <p style="font-size:15px;">盒子增强版</p>
                                    <p style="color:red;">199元</p>

                                </div>
                                <img src="img/main11.png" alt="">
                            </div>
                            <div class="end-but">
                                <div class="img-left">
                                    <p>浏览更多</p>
                                    <p style="font-size:13px;">电视影音</p>
                                </div>
                                <img src="img/jiantou.png" alt="">
                            </div>

                        </div>
                    </div>
                    <div class="right-box">

                        <div class="sec">
                            <img src="img/centerright1.jpg" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright2.jpg" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright3.jpg" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright4.jpg" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright4.jpg" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright3.jpg" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright2.jpg" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec" id="end">
                            <div class="end-top">
                                <div class="img-left">
                                    <p style="font-size:15px;">盒子增强版</p>
                                    <p style="color:red;">199元</p>

                                </div>
                                <img src="img/main11.png" alt="">
                            </div>
                            <div class="end-but">
                                <div class="img-left">
                                    <p>浏览更多</p>
                                    <p style="font-size:13px;">电视影音</p>
                                </div>
                                <img src="img/jiantou.png" alt="">
                            </div>

                        </div>
                    </div>

                </div>
            </div>
        </div>
        <div class="main-center-top container">
            <div class="fa-home">
                <h2>配件</h2>
                <ul class="f4">
                    <li>热门</li>
                    <li>保护套</li>
                    <li>贴膜</li>
                    <li>其他配件</li>

                </ul>
            </div>
            <div class="main-img">
                <div class="centermain-left">
                    <div class="left-box">
                        <img class="im1" src="img/left1.jpg" alt=""><img class="im2" src="img/left2.jpg" alt="">
                    </div>
                </div>
                <div class="centermain-right">
                    <div class="right-box">
                        <div class="sec">
                            <img src="img/centerright1.jpg" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright12.png" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright13.png" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright1.jpg" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright111.jpg" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright112.jpg" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright113.jpg" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec" id="end">
                            <div class="end-top">
                                <div class="img-left">
                                    <p style="font-size:15px;">盒子增强版</p>
                                    <p style="color:red;">199元</p>

                                </div>
                                <img src="img/main11.png" alt="">
                            </div>
                            <div class="end-but">
                                <div class="img-left">
                                    <p>浏览更多</p>
                                    <p style="font-size:13px;">电视影音</p>
                                </div>
                                <img src="img/jiantou.png" alt="">
                            </div>

                        </div>
                    </div>
                    <div class="right-box">

                        <div class="sec">
                            <img src="img/centerright11.jpg" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright12.png" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright11.jpg" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright12.png" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright13.png" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright11.jpg" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright12.png" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec" id="end">
                            <div class="end-top">
                                <div class="img-left">
                                    <p style="font-size:15px;">盒子增强版</p>
                                    <p style="color:red;">199元</p>

                                </div>
                                <img src="img/main11.png" alt="">
                            </div>
                            <div class="end-but">
                                <div class="img-left">
                                    <p>浏览更多</p>
                                    <p style="font-size:13px;">电视影音</p>
                                </div>
                                <img src="img/jiantou.png" alt="">
                            </div>

                        </div>
                    </div>

                    <div class="right-box">

                        <div class="sec">
                            <img src="img/centerright11.jpg" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright12.png" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright11.jpg" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright14.png" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright31.png" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright32.jpg" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright33.png" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec" id="end">
                            <div class="end-top">
                                <div class="img-left">
                                    <p style="font-size:15px;">盒子增强版</p>
                                    <p style="color:red;">199元</p>

                                </div>
                                <img src="img/main11.png" alt="">
                            </div>
                            <div class="end-but">
                                <div class="img-left">
                                    <p>浏览更多</p>
                                    <p style="font-size:13px;">电视影音</p>
                                </div>
                                <img src="img/jiantou.png" alt="">
                            </div>

                        </div>
                    </div>
                    <div class="right-box">

                        <div class="sec">
                            <img src="img/centerright1.jpg" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright2.jpg" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright3.jpg" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright4.jpg" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright4.jpg" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright3.jpg" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright2.jpg" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec" id="end">
                            <div class="end-top">
                                <div class="img-left">
                                    <p style="font-size:15px;">盒子增强版</p>
                                    <p style="color:red;">199元</p>

                                </div>
                                <img src="img/main11.png" alt="">
                            </div>
                            <div class="end-but">
                                <div class="img-left">
                                    <p>浏览更多</p>
                                    <p style="font-size:13px;">电视影音</p>
                                </div>
                                <img src="img/jiantou.png" alt="">
                            </div>

                        </div>
                    </div>

                </div>
            </div>
        </div>
        <div class="main-center-top container">
            <div class="fa-home">
                <h2>周边</h2>
                <ul class="f4">
                    <li>热门</li>
                    <li>米兔</li>
                    <li>服装</li>
                    <li>生活周边</li>
                    <li>箱包</li>
                </ul>
            </div>
            <div class="main-img">
                <div class="centermain-left">
                    <div class="left-box">
                        <img class="im1" src="img/left1.jpg" alt=""><img class="im2" src="img/left2.jpg" alt="">
                    </div>
                </div>
                <div class="centermain-right">
                    <div class="right-box">
                        <div class="sec">
                            <img src="img/centerright1.jpg" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright12.png" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright13.png" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright1.jpg" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright111.jpg" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright112.jpg" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright113.jpg" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec" id="end">
                            <div class="end-top">
                                <div class="img-left">
                                    <p style="font-size:15px;">盒子增强版</p>
                                    <p style="color:red;">199元</p>

                                </div>
                                <img src="img/main11.png" alt="">
                            </div>
                            <div class="end-but">
                                <div class="img-left">
                                    <p>浏览更多</p>
                                    <p style="font-size:13px;">电视影音</p>
                                </div>
                                <img src="img/jiantou.png" alt="">
                            </div>

                        </div>
                    </div>
                    <div class="right-box">

                        <div class="sec">
                            <img src="img/centerright11.jpg" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright12.png" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright11.jpg" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright12.png" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright13.png" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright11.jpg" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright12.png" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec" id="end">
                            <div class="end-top">
                                <div class="img-left">
                                    <p style="font-size:15px;">盒子增强版</p>
                                    <p style="color:red;">199元</p>

                                </div>
                                <img src="img/main11.png" alt="">
                            </div>
                            <div class="end-but">
                                <div class="img-left">
                                    <p>浏览更多</p>
                                    <p style="font-size:13px;">电视影音</p>
                                </div>
                                <img src="img/jiantou.png" alt="">
                            </div>

                        </div>
                    </div>
                    <div class="right-box">

                        <div class="sec">
                            <img src="img/centerright11.jpg" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright12.png" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright11.jpg" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright14.png" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright31.png" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright32.jpg" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright33.png" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec" id="end">
                            <div class="end-top">
                                <div class="img-left">
                                    <p style="font-size:15px;">盒子增强版</p>
                                    <p style="color:red;">199元</p>

                                </div>
                                <img src="img/main11.png" alt="">
                            </div>
                            <div class="end-but">
                                <div class="img-left">
                                    <p>浏览更多</p>
                                    <p style="font-size:13px;">电视影音</p>
                                </div>
                                <img src="img/jiantou.png" alt="">
                            </div>

                        </div>
                    </div>
                    <div class="right-box">
                        <div class="sec">
                            <img src="img/centerright1.jpg" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright12.png" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright13.png" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright1.jpg" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright111.jpg" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright112.jpg" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright113.jpg" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec" id="end">
                            <div class="end-top">
                                <div class="img-left">
                                    <p style="font-size:15px;">盒子增强版</p>
                                    <p style="color:red;">199元</p>

                                </div>
                                <img src="img/main11.png" alt="">
                            </div>
                            <div class="end-but">
                                <div class="img-left">
                                    <p>浏览更多</p>
                                    <p style="font-size:13px;">电视影音</p>
                                </div>
                                <img src="img/jiantou.png" alt="">
                            </div>

                        </div>
                    </div>
                    <div class="right-box">

                        <div class="sec">
                            <img src="img/centerright1.jpg" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright2.jpg" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright3.jpg" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright4.jpg" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright4.jpg" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright3.jpg" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec">
                            <img src="img/centerright2.jpg" alt="">
                            <p>米家恒温电水壶</p>
                            <a class="a-one" href="#">水温智能控制，304不锈钢内胆</a>
                            <a class="a-two" href="#">199元</a>
                            <section class="yello-bj">
                                <p>换了用了10多年的电视，用了两天，小米效果超好</p>
                                <p class="poo">来自于某某某的评价</p>
                            </section>
                        </div>
                        <div class="sec" id="end">
                            <div class="end-top">
                                <div class="img-left">
                                    <p style="font-size:15px;">盒子增强版</p>
                                    <p style="color:red;">199元</p>

                                </div>
                                <img src="img/main11.png" alt="">
                            </div>
                            <div class="end-but">
                                <div class="img-left">
                                    <p>浏览更多</p>
                                    <p style="font-size:13px;">电视影音</p>
                                </div>
                                <img src="img/jiantou.png" alt="">
                            </div>

                        </div>
                    </div>

                </div>
            </div>
        </div>
        <div class="main-top-end container">
            <div class="tuijian">
                <div class="top-end">
                    <h2>为你推荐</h2>
                    <div><span class="divleft1">
                <img src="img/011.png" alt=""></span><span class="divright1"><img src="img/022.png" alt=""></span></div>
                </div>
                <div class="main-end">
                    <div class="jihe1">
                        <section class="end-sec">
                            <img src="img/top-main-end.png" alt="">
                            <p>红米4x</p>
                            <a href="#">4100mah超长续航，8核处理器</a>
                            <a style="color:red;" href="#">1739.9元</a>
                        </section>
                        <section class="end-sec">
                            <img src="img/top-main-end2.png" alt="">
                            <p>红米4x</p>
                            <a href="#">4100mah超长续航，8核处理器</a>
                            <a style="color:red;" href="#">1739.9元</a>
                        </section>
                        <section class="end-sec">
                            <img src="img/top-main-end3.png" alt="">
                            <p>红米4x</p>
                            <a href="#">4100mah超长续航，8核处理器</a>
                            <a style="color:red;" href="#">1739.9元</a>
                        </section>
                        <section class="end-sec">
                            <img src="img/top-main-end4.png" alt="">
                            <p>红米4x</p>
                            <a href="#">4100mah超长续航，8核处理器</a>
                            <a style="color:red;" href="#">1739.9元</a>
                        </section>
                        <section class="end-sec">
                            <img src="img/top-main-end5.png" alt="">
                            <p>红米4x</p>
                            <a href="#">4100mah超长续航，8核处理器</a>
                            <a style="color:red;" href="#">1739.9元</a>
                        </section>
                        <section class="end-sec">
                            <img src="img/top-main-end6.png" alt="">
                            <p>红米4x</p>
                            <a href="#">4100mah超长续航，8核处理器</a>
                            <a style="color:red;" href="#">1739.9元</a>
                        </section>
                        <section class="end-sec">
                            <img src="img/top-main-end7.png" alt="">
                            <p>红米4x</p>
                            <a href="#">4100mah超长续航，8核处理器</a>
                            <a style="color:red;" href="#">1739.9元</a>
                        </section>
                        <section class="end-sec">
                            <img src="img/top-main-end8.png" alt="">
                            <p>红米4x</p>
                            <a href="#">4100mah超长续航，8核处理器</a>
                            <a style="color:red;" href="#">1739.9元</a>
                        </section>
                        <section class="end-sec">
                            <img src="img/top-main-end9.png" alt="">
                            <p>红米4x</p>
                            <a href="#">4100mah超长续航，8核处理器</a>
                            <a style="color:red;" href="#">1739.9元</a>
                        </section>
                        <section class="end-sec">
                            <img src="img/top-main-end2.png" alt="">
                            <p>红米4x</p>
                            <a href="#">4100mah超长续航，8核处理器</a>
                            <a style="color:red;" href="#">1739.9元</a>
                        </section>
                        <section class="end-sec">
                            <img src="img/top-main-end.png" alt="">
                            <p>红米4x</p>
                            <a href="#">4100mah超长续航，8核处理器</a>
                            <a style="color:red;" href="#">1739.9元</a>
                        </section>
                        <section class="end-sec">
                            <img src="img/top-main-end2.png" alt="">
                            <p>红米4x</p>
                            <a href="#">4100mah超长续航，8核处理器</a>
                            <a style="color:red;" href="#">1739.9元</a>
                        </section>
                        <section class="end-sec">
                            <img src="img/top-main-end3.png" alt="">
                            <p>红米4x</p>
                            <a href="#">4100mah超长续航，8核处理器</a>
                            <a style="color:red;" href="#">1739.9元</a>
                        </section>
                        <section class="end-sec">
                            <img src="img/top-main-end4.png" alt="">
                            <p>红米4x</p>
                            <a href="#">4100mah超长续航，8核处理器</a>
                            <a style="color:red;" href="#">1739.9元</a>
                        </section>
                        <section class="end-sec">
                            <img src="img/top-main-end5.png" alt="">
                            <p>红米4x</p>
                            <a href="#">4100mah超长续航，8核处理器</a>
                            <a style="color:red;" href="#">1739.9元</a>
                        </section>
                        <section class="end-sec">
                            <img src="img/top-main-end6.png" alt="">
                            <p>红米4x</p>
                            <a href="#">4100mah超长续航，8核处理器</a>
                            <a style="color:red;" href="#">1739.9元</a>
                        </section>
                        <section class="end-sec">
                            <img src="img/top-main-end7.png" alt="">
                            <p>红米4x</p>
                            <a href="#">4100mah超长续航，8核处理器</a>
                            <a style="color:red;" href="#">1739.9元</a>
                        </section>
                        <section class="end-sec">
                            <img src="img/top-main-end8.png" alt="">
                            <p>红米4x</p>
                            <a href="#">4100mah超长续航，8核处理器</a>
                            <a style="color:red;" href="#">1739.9元</a>
                        </section>
                        <section class="end-sec">
                            <img src="img/top-main-end9.png" alt="">
                            <p>红米4x</p>
                            <a href="#">4100mah超长续航，8核处理器</a>
                            <a style="color:red;" href="#">1739.9元</a>
                        </section>
                        <section class="end-sec">
                            <img src="img/top-main-end2.png" alt="">
                            <p>红米4x</p>
                            <a href="#">4100mah超长续航，8核处理器</a>
                            <a style="color:red;" href="#">1739.9元</a>
                        </section>
                    </div>
                </div>
            </div>
            <div class="chanpin">
                <div class="top-end">
                    <h2>热门产品</h2>
                </div>
                <div class="boxs">
                    <section class="sec-box">
                        <div class="box-top1">
                            <img src="img/cvi.jpg" alt=""></div>
                        <div class="box-buttom">
                            <p>先五星好评。再来说说小米空气净化器，北方的天气雾霾越来越常态，这就迫切需要一台性价比高的空气净化</p>
                            <a href="#">来自于某某某的评价</a>
                            <span class="le">小米空气净化器2</span> | <span class="ri">699元</span>
                        </div>
                    </section>
                    <section class="sec-box">
                        <div class="box-top1">
                            <img src="img/cvi.jpg" alt=""></div>
                        <div class="box-buttom">
                            <p>先五星好评。再来说说小米空气净化器，北方的天气雾霾越来越常态，这就迫切需要一台性价比高的空气净化</p>
                            <a href="#">来自于某某某的评价</a>
                            <span class="le">小米空气净化器2</span> | <span class="ri">699元</span>
                        </div>
                    </section>
                    <section class="sec-box">
                        <div class="box-top1">
                            <img src="img/cvi.jpg" alt=""></div>
                        <div class="box-buttom">
                            <p>先五星好评。再来说说小米空气净化器，北方的天气雾霾越来越常态，这就迫切需要一台性价比高的空气净化</p>
                            <a href="#">来自于某某某的评价</a>
                            <span class="le">小米空气净化器2</span> | <span class="ri">699元</span>
                        </div>
                    </section>
                    <section class="sec-box">
                        <div class="box-top1">
                            <img src="img/cvi.jpg" alt=""></div>
                        <div class="box-buttom">
                            <p>先五星好评。再来说说小米空气净化器，北方的天气雾霾越来越常态，这就迫切需要一台性价比高的空气净化</p>
                            <a href="#">来自于某某某的评价</a>
                            <span class="le">小米空气净化器2</span> | <span class="ri">699元</span>
                        </div>
                    </section>
                </div>
            </div>
            <div class="lunb container">
                <div class="top-end">
                    <h2>内容</h2>
                </div>
                <div class="xiaolunbos">
                    <div class="xiaolunbo">
                        <div class="lunbo-bjs bjs1">
                            <section class="lunbo-bj active">
                                <span>图书</span>
                                <h3>好吗好的</h3>
                                <p>畅销作家大冰2016年新书！讲给你听，好吗好的！</p>
                                <a href="#">17.99元</a>

                                <img src="img/xiaolunbo1.png" alt="">
                            </section>
                            <section class="lunbo-bj">
                                <span>图书</span>
                                <h3>好吗好的</h3>
                                <p>畅销作家大冰2016年新书！讲给你听，好吗好的！</p>
                                <a href="#">17.99元</a>

                                <img src="img/xiaolunbo.png" alt="">
                            </section>
                            <section class="lunbo-bj">
                                <span>图书</span>
                                <h3>好吗好的</h3>
                                <p>畅销作家大冰2016年新书！讲给你听，好吗好的！</p>
                                <a href="#">17.99元</a>

                                <img src="img/xiaolunbo3.jpg" alt="">
                            </section>
                        </div>
                        <div class="lunbo-logo">
                            <span class="active2"></span>
                            <span></span>
                            <span></span>
                        </div>
                        <div class="buttons">
                            <div class="left-bu left1">

                            </div>
                            <div class="right-bu right1">

                            </div>
                        </div>
                    </div>
                    <div class="xiaolunbo">
                        <div class="lunbo-bjs bjs2">
                            <section class="lunbo-bj active">
                                <span>图书</span>
                                <h3>好吗好的</h3>
                                <p>畅销作家大冰2016年新书！讲给你听，好吗好的！</p>
                                <a href="#">17.99元</a>

                                <img src="img/xiaolunbo1.png" alt="">
                            </section>
                            <section class="lunbo-bj">
                                <span>图书</span>
                                <h3>好吗好的</h3>
                                <p>畅销作家大冰2016年新书！讲给你听，好吗好的！</p>
                                <a href="#">17.99元</a>

                                <img src="img/xiaolunbo.png" alt="">
                            </section>
                            <section class="lunbo-bj">
                                <span>图书</span>
                                <h3>好吗好的</h3>
                                <p>畅销作家大冰2016年新书！讲给你听，好吗好的！</p>
                                <a href="#">17.99元</a>

                                <img src="img/xiaolunbo3.jpg" alt="">
                            </section>
                        </div>
                        <div class="lunbo-logo">
                            <span class="active2"></span>
                            <span></span>
                            <span></span>
                        </div>
                        <div class="buttons">
                            <div class="left-bu left2">

                            </div>
                            <div class="right-bu right2">

                            </div>
                        </div>
                    </div>
                    <div class="xiaolunbo">
                        <div class="lunbo-bjs bjs3">
                            <section class="lunbo-bj active">
                                <span>图书</span>
                                <h3>好吗好的</h3>
                                <p>畅销作家大冰2016年新书！讲给你听，好吗好的！</p>
                                <a href="#">17.99元</a>

                                <img src="img/xiaolunbo1.png" alt="">
                            </section>
                            <section class="lunbo-bj">
                                <span>图书</span>
                                <h3>好吗好的</h3>
                                <p>畅销作家大冰2016年新书！讲给你听，好吗好的！</p>
                                <a href="#">17.99元</a>

                                <img src="img/xiaolunbo.png" alt="">
                            </section>
                            <section class="lunbo-bj">
                                <span>图书</span>
                                <h3>好吗好的</h3>
                                <p>畅销作家大冰2016年新书！讲给你听，好吗好的！</p>
                                <a href="#">17.99元</a>

                                <img src="img/xiaolunbo3.jpg" alt="">
                            </section>
                        </div>
                        <div class="lunbo-logo">
                            <span class="active2"></span>
                            <span></span>
                            <span></span>
                        </div>
                        <div class="buttons">
                            <div class="left-bu left3">

                            </div>
                            <div class="right-bu right3">

                            </div>
                        </div>
                    </div>
                    <div class="xiaolunbo">
                        <div class="lunbo-bjs bjs4">
                            <section class="lunbo-bj active">
                                <span>图书</span>
                                <h3>好吗好的</h3>
                                <p>畅销作家大冰2016年新书！讲给你听，好吗好的！</p>
                                <a href="#">17.99元</a>

                                <img src="img/xiaolunbo1.png" alt="">
                            </section>
                            <section class="lunbo-bj">
                                <span>图书</span>
                                <h3>好吗好的</h3>
                                <p>畅销作家大冰2016年新书！讲给你听，好吗好的！</p>
                                <a href="#">17.99元</a>

                                <img src="img/xiaolunbo.png" alt="">
                            </section>
                            <section class="lunbo-bj">
                                <span>图书</span>
                                <h3>好吗好的</h3>
                                <p>畅销作家大冰2016年新书！讲给你听，好吗好的！</p>
                                <a href="#">17.99元</a>

                                <img src="img/xiaolunbo3.jpg" alt="">
                            </section>
                        </div>
                        <div class="lunbo-logo">
                            <span class="active2"></span>
                            <span></span>
                            <span></span>
                        </div>
                        <div class="buttons">
                            <div class="left-bu left4">

                            </div>
                            <div class="right-bu right4">

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
         <div class="over">
        <div class="shipin">
            <div class="shipin-top">
                <h2>视频</h2>
                <div class="shipin-both">
                    <a href="javascript:;">
                        <span class="sp-top-both">查看全部</span>
                        <span class="sp-top-left">&gt;</span>
                    </a>
                </div>
            </div>
            <div class="shipin-bottom">
                <div class="shipin-one">
                    <div class="shipin-one-img">
                         <img src="./img/shipin1.jpg" alt="">
                         <div class="shipin-san">
                         <i id="sanjiao" class="fa fa-caret-right" aria-hidden="true"></i>
                         </div>
                    </div>
                    <p>听雷总讲述小米7年工艺探索之路</p>
                    <p class="over-text">小米6，7年工艺探索的巅峰之作</p>
                </div>
                <div class="shipin-one">
                    <div class="shipin-one-img">
                         <img src="./img/shipin2.jpg" alt="">
                         <div class="shipin-san">
                         <i id="sanjiao" class="fa fa-caret-right" aria-hidden="true"></i>
                         </div>
                    </div>
                    <p>听雷总讲述小米7年工艺探索之路</p>
                    <p class="over-text">小米6，7年工艺探索的巅峰之作</p>
                </div>
                <div class="shipin-one">
                    <div class="shipin-one-img">
                         <img src="./img/shipin3.jpg" alt="">
                         <div class="shipin-san">
                         <i id="sanjiao" class="fa fa-caret-right" aria-hidden="true"></i>
                         </div>
                    </div>
                    <p>听雷总讲述小米7年工艺探索之路</p>
                    <p class="over-text">小米6，7年工艺探索的巅峰之作</p>
                </div>
                <div class="shipin-one">
                    <div class="shipin-one-img">
                         <img src="./img/shipin4.jpg" alt="">
                         <div class="shipin-san">
                         <i id="sanjiao" class="fa fa-caret-right" aria-hidden="true"></i>
                         </div>
                    </div>
                    <p>听雷总讲述小米7年工艺探索之路</p>
                    <p class="over-text">小米6，7年工艺探索的巅峰之作</p>
                </div>
            </div>
        </div>
    </div>
      <div class="xia">
        <div class="xiu">
            <div class="xia-top">
                <span class="xia-top-text">
                    <a href="JavaScript:;">
                        <i class="fa fa-wrench" aria-hidden="true"></i>预约维修服务
                    </a>
                </span>
                <span class="xia-top-text">
                    <a href="javascript:;">
                        <i class="fa fa-repeat" aria-hidden="true"></i>
                       <span class="xia-top2">7</span>
                       <span>7天无理由退货</span>
                   </a>
              </span>
                <span class="xia-top-text">
                    <a href="javascript:;">
                        <i class="fa fa-repeat" aria-hidden="true"></i>
                       <span class="xia-top2">15</span>
                       <span>15天免费换货</span>
                    </a> 
                </span>
                <span class="xia-top-text">
                    <a href="javascript:;">
                    <i class="fa fa-gift" aria-hidden="true"></i>
                    <span>满150元包邮</span>
                    </a>
                </span>
                <span class="xia-top-text">
                    <a href="javascript:;">
                    <i class="fa fa-anchor" aria-hidden="true"></i>
                    <span>520余家售后网点</span>
                    </a>
                </span>
            </div>
            <div class="xia-bottom">
                <div class="xia-bottom-left">
                    <div class="xia-bottom-list">
                        <span>帮助中心</span>
                        <ul class="xia-list">
                            <li><a href="javascript:;">账户管理</a></li>
                            <li><a href="javascript:;">购物指南</a></li>
                            <li><a href="javascript:;">订单操作</a></li>
                        </ul>
                    </div>
                    <div class="xia-bottom-list">
                        <span>服务支持</span>
                        <ul class="xia-list">
                            <li><a href="javascript:;">售后政策</a></li>
                            <li><a href="javascript:;">自助服务</a></li>
                            <li><a href="javascript:;">相关下载</a></li>
                        </ul>
                    </div>
                    <div class="xia-bottom-list">
                        <span>帮助中心</span>
                        <ul class="xia-list">
                            <li><a href="javascript:;">账户管理</a></li>
                            <li><a href="javascript:;">购物指南</a></li>
                            <li><a href="javascript:;">订单操作</a></li>
                        </ul>
                    </div>
                    <div class="xia-bottom-list">
                        <span>帮助中心</span>
                        <ul class="xia-list">
                            <li><a href="javascript:;">账户管理</a></li>
                            <li><a href="javascript:;">购物指南</a></li>
                            <li><a href="javascript:;">订单操作</a></li>
                        </ul>
                    </div>
                    <div class="xia-bottom-list">
                        <span>帮助中心</span>
                        <ul class="xia-list">
                            <li><a href="javascript:;">账户管理</a></li>
                            <li><a href="javascript:;">购物指南</a></li>
                            <li><a href="javascript:;">订单操作</a></li>
                        </ul>
                    </div>
                    <div class="xia-bottom-list">
                        <span>特色服务</span>
                        <ul class="xia-list">
                            <li><a href="javascript:;">F 码通道</a></li>
                            <li><a href="javascript:;">礼物码</a></li>
                            <li><a href="javascript:;">防伪查询</a></li>
                        </ul>
                    </div>
                </div>
                <div class="xia-bottom-right">
                    <div class="dianhua">400-100-5678</div>
                    <p class="over-text">周一至周日 8:00-18:00</p>
                    <p class="over-text">（仅收市话费）</p>
                    <div >
                        <span class="kefu">
                            <i class="fa fa-envelope-open-o" aria-hidden="true"></i>24小时在线客服
                            </span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="over">
        <div class="xiaomi">
            <div class="xiaomi-top">
                <div>
                    <img src="./img/xiaomi.png" alt="">
                </div>
                <div class="xiaomi-text">
                    <div class="xiaomi-text-one">
                        <a href="javascript:;">小米商城</a>
                        <span>|</span>
                        <a href="javascript:;">MIUI</a>
                        <span>|</span>
                        <a href="javascript:;">米聊</a>
                        <span>|</span>
                        <a href="javascript:;">多看书城</a>
                        <span>|</span>
                        <a href="javascript:;">小米路由器</a>
                        <span>|</span>
                        <a href="javascript:;">视频电话</a>
                        <span>|</span>
                        <a href="javascript:;">小米天猫店</a>
                        <span>|</span>
                        <a href="javascript:;">小米淘宝直营店</a>
                        <span>|</span>
                        <a href="javascript:;">小米网盟</a>
                        <span>|</span>
                        <a href="javascript:;">小米移动</a>
                        <span>|</span>
                        <a href="javascript:;">隐私政策</a>
                        <span>|</span>
                        <a href="javascript:;">Select Region</a>
                    </div>
                    <div class="over-text xiaomi-text-two">
                        ?<a href="javascript:;">mi.com</a>
                        <span>京ICP证110507号</span>
                        <a href="javascript:;">京ICP备10046444号</a>
                        <a href="javascript:;">京公网安备11010802020134号</a>
                        <a href="javascript:;">京网文[2014]0059-0009号 </a>
                    </div>
                    <p class="over-text">违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p>
                </div>
                <div class="xiaomi-img3">
                    <a href="javascript:;">
                        <img style="width:83px;height:28px;" src="./img/truste.png" alt="">
                    </a>
                    <a href="javascript:;">
                        <img src="./img/v-logo-1.png" alt="">
                    </a>
                    <a href="javascript:;">
                        <img src="./img/v-logo-2.png" alt="">
                    </a>
                    <a href="javascript:;">
                        <img src="./img/v-logo-3.png" alt="">
                    </a>
                </div>
            </div>
            <div class="xiaomi-bottom">
                
            </div> 
         </div>
    </div>  

    </main>

    <script src="./jquery.js"></script>
</body>

</html>
<script>
    // 头部nav
    $('.nav-right-end').hover(function () {
        $(this).css({ 'background-color': 'white', 'color': 'orange' })
        $(this).find('.nav-sec').stop().slideDown(200);
        $(this).children('.right-end-img').css('background-image', 'url(shopping1.jpg)')
    }, function () {
        $(this).find('.nav-sec').stop().slideUp(200);
        $(this).css({ 'background-color': '#424242', 'color': '#b0b0b0' })
        $(this).children('.right-end-img').css('background-image', 'url(shopping.jpg)')
    });
    /* main-top-header -------------------------------------*/
    $('.cenlis li').hover(function () {
        index = $(this).index()
        $('.center-info').stop().slideDown(200).children('.list-sex').eq(index).show().siblings().hide();
    }, function () {
        $('.center-info').stop().slideUp(200);
    })
    $('.center-info').hover(function () {
        $('.center-info').stop().slideDown(200).children('.list-sex').eq(index).show().siblings().hide();
    }, function () {

        $('.center-info').stop().slideUp(200);
    });
    $('.form-input').click(function (ev) {
        ev.stopPropagation();
        $(this).css('border-color', 'orange')
        // $('.search-form').css('border-color','orange');
        $('.form-sec').show();
        $('.search-hot-words').hide();
    });
    $(document).click(function () {
        $('.form-sec').hide();
        $('.search-hot-words').show();
        $('.form-input').css('border-color', '#b0b0b0')
    });
    $('.form-sec p').hover(function () {
        $(this).css('background-color', '#b0b0b0').siblings()
            .css('background-color', 'white');
    }, function () {
        $(this).css('background-color', 'white').siblings().css('background-color', '');
    });
    // 轮播图
    var index = 0;
    var lunbonext = ['#1b0b0c', '#0a2947', '#664e4e', '#66625e', '#5f5b56', '#646464'];
    $('.next').click(function () {
        change();
    });
    $('.last').click(function () {
        if (index == 0) {
            index = 6;
        }
        index--;
        $('.lunbo-img li').eq(index).fadeIn(200).siblings().fadeOut(200);
        var color = lunbonext[index];
        $('.center-left').css('background-color', color);
        $('.battee li').eq(index).css('background-color', 'white').siblings().css('background-color', 'black')
    });
    $('.battee li').click(function () {
        index = $(this).index();
        var color = lunbonext[index];
        $('.center-left').css('background-color', color);
        $(this).css('background-color', 'white').siblings().css('background-color', 'black');
        $('.lunbo-img li').eq(index).fadeIn(200).siblings().fadeOut(200);
    });
    var timer = setInterval(change, 3000);
    function change() {
        index++;
        if (index == 6) {
            index = 0;
        }
        $('.lunbo-img li').eq(index).fadeIn(200).siblings().fadeOut(200);
        $('.battee li').eq(index).css('background-color', 'white').siblings().css('background-color', 'black');
        var color = lunbonext[index];
        $('.center-left').css('background-color', color)
    }
    $('.center-right-box').hover(function () {
        clearInterval(timer);
    }, function () {
        timer = setInterval(change, 3000);
    });
    // 轮播图右侧---------------------------------------------------------------------------------------
    $('.center-left-list li').hover(function () {
        $('.center-left-info').show();
        var index = $(this).index();
        $('.center-left-info').find('.listse').eq(index).css('display', 'block').siblings().css('display', 'none');
    }, function () {
        $('.center-left-info').hide();
    });
    $('.center-left-info').hover(function () {
        $(this).show();
    }, function () {
        $(this).hide();
    });
    // top-main-end---------------------------------------------------------------------------------
    // var movesec = setInterval(move, 6000);
    // function move() {
    //     $('.jihe').animate({
    //         left: -1230
    //     }, 2000, function () {
    //         $(this).animate({
    //             left: 0
    //         }, 2000)
    //     }
    //     )
    // };
    $('.divright').click(function () {
        $('.jihe').animate({
            left: -1230
        }, 1000)
    });
    $('.divleft').click(function () {
        $('.jihe').animate({
            left: 0
        }, 1000)
    });
    // $('.main-top-end').click(function () {
    //     clearInterval(movesec)
    // }, function () {
    //     movesec = setInterval(move, 6000);
    // })

    $('.f4 li').hover(function () {
        $(this).css({ 'color': '#ff6700', 'border-bottom': '2px solid #ff6700' }).siblings().css('color', 'black').css('border', 'none');
        var index = $(this).index();
        $(this).parents('.fa-home').next().children('.centermain-right').children('.right-box')
            .eq(index).show().siblings().hide();
    });
    $('.divright1').click(function () {
        // var oo = 0;
        // var cc = oo - 1230;
        // oo = cc;
        $('.jihe1').animate({
            left: -1230
        }, 1000)
    });
    $('.divleft1').click(function () {
        // var oo = 0;
        //  var aa = '0';
        $('.jihe1').animate({
            left: 0
        }, 1000)
    });
    //----------------------------------------------------
    function lunbochange1() {
        $('.bjs1').animate({
            left: -300 * count
        }, 500)
    }
    var count = 0
    $('.right1').click(function () {
        count++;
        if (count > 2) {
            count = 2;
            return
        }
        lunbochange1();
    });
    $('.left1').click(function () {
        count--;
        if (count < 0) {
            count = 0
            return}lunbochange1();});
    
     function lunbochange2() {
        $('.bjs2').animate({
            left: -300 * count
        }, 500)
    }
    var count = 0
    $('.right2').click(function () {
        count++;
        if (count > 2) {
            count = 2;
            return
        }
        lunbochange2();
    });
    $('.left2').click(function () {
        count--;
        if (count < 0) {
            count = 0
            return}lunbochange2();});

     function lunbochange3() {
        $('.bjs3').animate({
            left: -300 * count
        }, 500)
    }
    var count = 0
    $('.right3').click(function () {
        count++;
        if (count > 2) {
            count = 2;
            return
        }
        lunbochange3();
    });
    $('.left3').click(function () {
        count--;
        if (count < 0) {
            count = 0
            return}lunbochange3();});

     function lunbochange4() {
        $('.bjs4').animate({
            left: -300 * count
        }, 500)
    }
    var count = 0
    $('.right4').click(function () {
        count++;
        if (count > 2) {
            count = 2;
            return
        }
        lunbochange4();
    });
    $('.left4').click(function () {
        count--;
        if (count < 0) {
            count = 0
            return}lunbochange4();});
    //--------------------------------------------------------------------------------------------------------------------------
//   
</script>